<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
</head>

<body>
    <div id="app">
        <p v-for="(item,i) in list">索引值：{{i}} --- 每一项：{{item}}</p>
    </div>   
    
  
<!-- 创建vue对象 -->
<script>
    var vm = new Vue({
        el:'#app',
        data: {
            list: [1,2,3,4,5,6]
        },
        methods: {}
    });
</script>


<!-- <div v-for="item of 4" :key="item">
  <div style="float:left">
    <div
      style=" width: 500px; border: 1px ; borderRadius: 4px;margin-top:20px;margin-left:70px"
    >
      <a-calendar :fullscreen="false" @panelChange="onPanelChange" />
    </div>
  </div>
  <div style="float:left">
    <div
      style=" width: 500px; border: 1px ; borderRadius: 4px;margin-top:20px;margin-left:80px"
    >
      <a-calendar :fullscreen="false" @panelChange="onPanelChange" />
    </div>
  </div>
  <div style="float:left">
    <div
      style=" width: 500px; border: 1px ; borderRadius: 4px;margin-top:20px;margin-left:80px"
    >
      <a-calendar :fullscreen="false" @panelChange="onPanelChange" />
    </div>
  </div>
</div> -->

</body>
</html>

